/* reset css */
body {
	 font-family:'Microsoft YaHei','微软雅黑','Century Gothic', 'Helvetica', 'SimSun', '宋体', 'Heiti', '黑体', 'Arial', 'sans-serif';
	 color:#666;
	 font-size:12px;
	 width:100%;
	 height:100%;
	 background:#eee;
}
body,
p,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td {
	 margin:0;
	 padding:0;
}
li {
	 list-style:none;
}
a {
	 text-decoration:none;
	 color:#666;
}
input,
select,
textarea {
	 border:none;
	 outline:none;
}
textarea {
	 resize:none;
}
img {
	 vertical-align:top;
	 border:none;
}
table {
	 border:0;
	 border-collapse: collapse;
}
em,
i {
	 font-style:normal;
}


.fl {
	 float:left;
}
.fr {
	 float:right;
}
.no_margin_right {
	 margin-right:0 !important;
}
.no_border_right {
	 border-right:none !important;
}
.no_border_bottom {
	 border-bottom:none !important;
}


.clear {
	 zoom:1;
}
.clear:after {
	 content:"";
	 display:block;
	 clear:both;
}

.home {
	 min-width:320px;
	 max-width:750px;
	 margin:0 auto;
}
.P_color {
	 background:#fff;
}
.sprite_icon .icon_com {
	 background:url("../images/icon.png") no-repeat;
	 background-size:150px 123px;
	 display:block;
}
/* 共用头部1 */
#top {
	 width:100%;
	 height:50px;
	 background:#614329;
}
#top .head1 {
	 width:100%;
	 height:100%;
	 position:relative;
}
#top .head1 .account,
#top .head1 .search {
	 position:absolute;
	 width:50px;
	 height:50px;
}
#top .head1 .account{
	display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;}

#top .head1 .title {
	 font-size:18px;
	 color:#fff;
	 height:50px;
	 margin:0 50px;
	 line-height:50px;
	 text-align:center;
}
#top .head7 .title {
	 color:#333;
}
#top .head1 .search {
	 right:0;
	 top:0;
}
#top .head1 .sprite_icon .icon1 {
	 width:18px;
	 height:18px;
	 background-position:0px -28px;
	 margin:15px 0 0 13px;
}
#top .head1 .sprite_icon .icon2 {
	 width:20px;
	 height:19px;
	 background-position:0px 0px;
	 margin:15px 0 0 13px;
}
.Padding {
	 padding:13px 3.6%;
	 height:100%;
}
/* 共用头部2 */
#top .head2 {
	 position:relative;
}
#top .head2 .account,
#top .head2 .search {
	 position:absolute;
	 width:50px;
	 height:50px;
}
#top .head2 .title {
	 font-size:18px;
	 color:#fff;
	 height:50px;
	 margin:0 50px;
	 line-height:50px;
	 text-align:center;
}
#top .head2 .search {
	 right:0;
	 top:0;
}
#top .head2 .icon1,
#top .head2 .icon2 {
	 position:absolute;
	 top:14px;
	 background:url("../images/icon5.png") no-repeat;
	 background-size:20px 50px;
}
#top .head2 .icon1 {
     width:9px;
	 height:16px;
     margin:2px 0 0 13px;
	 background-position:0px -24px;
}
#top .head2 .icon2 {
	 width:15px;
	 height:19px;
	 background-position:0px 0px;
	 left:14px;
}

/* 共用头部5 */
#top .head1 .keep,
#top .head1 .cancle {
	 color:#fff;
	 font-size:16px;
	 line-height:50px;
	 cursor:pointer;
}
#top .head1 .cancle {
	 margin-left:12px;
}
#top .head5 .sprite_icon  .icon1 {
	 display:block;
	 width:9px;
	 height:18px;
	 background:url("../images/icon5.png") no-repeat;
	 background-size:20px 50px;
	 background-position:0 -24px;
}
#top .head6 .sprite_icon {
	 width:82px;
}
#top .head6 .keep {
	 font-size:12px;
	 font-weight:normal;
}
/* 共用头部6 */
.top {
	 background:#eee !important;
	 border-bottom:1px solid #dededd
}
#top .head7 .sprite_icon .icon1 {
	 width:10px;
	 height:18px;
	 background:url("../images/icon12.png") no-repeat;
	 background-size:200px 120px;
}

/* 分页评论模块 */
.padding_section {
	 padding:14px 0;
}
.discuss .pic {
	 float:left;
	 width:9.3%;
}
.discuss .pic img {
	 width:100%;
}
.discuss .discuss_box {
	 float:right;
	 width:80%;
	 height:65px;
	 border:1px solid #eee;
	 padding:10px;
}
.padding_section .add_discuss {
	 padding:2px 6px;
	 text-align:center;
	 color:#fff;
	 background:#353535;
	 float:right;
	 margin-top:4px;
}
.comment_list {
	 padding-bottom:10px;
}
.comment_list li {
	 padding:8px 0;
	 border-bottom:1px solid #eee;
}
.comment_list .pic {
	 width:9.3%;
	 float:left;
}
.comment_list .pic img {
	 width:100%;
}
.comment_list .info {
	 width:88%;
	 float:right;
}
.comment_list .info strong {
	 font-size:14px;
	 color:#333;
}
.comment_list .info span {
	 color:#999;
}
.comment_list .info em {
	 color:#999;
}
.comment_list .info .mes {
	 color:#333;
}
.comment_list .info p {
	 text-align:left;
	 width:80%;
}


/* 模块头部和最新需求共用 */
.P_com_mod {
	 width:100%;
	 background:#fff
}
.P_border {
	 border-top:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;
}
.P_com_mod .fl {
	 float:left;

}
.P_com_mod .fr {
	 float:right;
}
.P_com_mod .info {
	 width:69%;
	 float:left;
}
.P_com_mod .info .tittle {
	 font-size:14px;
	 color:#333;
	 font-weight:bold;
	 line-height:24px;
}
.P_com_mod .info .supply {
	 padding-top:4px;
}
.P_com_mod .info .supply li {
	  float:left;
	  padding-left:2%;
	  padding-right:2%;
	  height:12px;
	  line-height:10px;
	  border-right:1px solid #333;
}
.P_com_mod .info .supply li.no_padding_left {
	 padding-left:0;
}
.P_com_mod .info .supply li.no_border {
	 border-right:none;
}
.P_com_mod .info .supply li.no_padding_right {
	 padding-right:0;
}

/* 首页侧边栏 */
.mask {
	 width:100%;
	 height:100%;
	 position:fixed;
	 z-index:9998;
	 top:0px;
	 left:0px;
	 background:#000;
	 opacity:0.5;
	 filter:alpha(opacity=50);
	 display:none;
}

.slide_btn {
	 position:fixed;
	 left:89%;
	 bottom:17%;
	 
}
.slide_btn .icon12 {
	 background:url("../images/icon2.png") no-repeat;
	 background-size:50px 209px;
	 width:34px;
	 height:34px;
	 display:block;
	 background-position:0 -169px;
}

.slide {
	 width:125px;
	 height:390px;
	 background:#fff;
	 position:fixed;
	 bottom:16%;
	 right:-100%;
	 padding:10px 0 0 9px;
	 z-index:9999;
}
.slide a {
	 display:block;
}
.slide .sprite_icon2 {
	 position:relative;
	 margin-bottom:8px;
}
.slide .sprite_icon2 .icon_com {
	 background:url("../images/icon2.png") no-repeat;
	 background-size:50px 209px;
	 display:block;
	 width:24px;
	 height:24px;
	 margin-right:18px;
}
.slide .sprite_icon2 .icon_com,
.slide .sprite_icon2 .info {
	 float:right;
}
.slide .sprite_icon2 .info,
.slide .sprite_icon2 em {
	 height:24px;
	 line-height:24px;
}
.slide .sprite_icon2 .info {
	 margin:0 13px 0 10px;
}
.slide .sprite_icon2 em {
	 position:absolute;
	 top:0px;
	 /*right:14px;*/
}
.slide .sprite_icon2 .icon1 {
	 background-position:0 0;
}
.slide .sprite_icon2 .icon2 {
	 background-position:-26px -83px;
}
.slide .sprite_icon2 .icon3 {
	 background-position:0 -83px;
}
.slide .sprite_icon2 .icon4 {
	 background-position:0 -111px;
}
.slide .sprite_icon2 .icon5 {
	 background-position:-26px -55px;
}
.slide .sprite_icon2 .icon6 {
	 background-position:0 -55px;
}
.slide .sprite_icon2 .icon7 {
	 background-position:-26px -27px;
}
.slide .sprite_icon2 .icon8 {
	 background-position:0 -27px;
}
.slide .sprite_icon2 .icon9 {
	 background-position:-26px 0;
}
.slide .sprite_icon2 .icon10 {
	 background-position:-26px -111px;
}
.slide .sprite_icon2 .icon11 {
	 background-position:0 -139px;
}
.slide .close {
	 position:absolute;
	 width:24px;
	 height:24px;
	 background:url("../images/icon2.png") no-repeat -26px -139px;
	 background-size:50px 209px;
	 left:9px;
	 bottom:10px;
}
/* 案例图推荐 */
.P_mod_example {
	 padding:10px 3.6% 14px;
	 margin-bottom:14px;
}
.P_mod_example .section {
	 width:100%;
}
.P_mod_example .section a {
	 display:block;
}
.P_mod_example .section .pic {
	 width:100%;
	 padding-bottom:10px;
}

.P_mod_example .section .pic img {
	 width:100%;
}
.P_mod_example .section .private {
	 width:50px;
	 height:50px;
	 float:left;
	 margin-right:6%;
}
.P_mod_example .section .private .img {
	 width:100%;
	 padding-bottom:3px;
}
.P_mod_example .section .img img {
	 width:100%;
}
.P_mod_example .section .private .name {
	 width:100%;
	 display:block;
	 text-align:center;
	 color:#333;
	 font-size:14px;
}
.P_mod_example .section .mes {
	 float:left;
	 width:77%;
	 position:relative;
}
.P_mod_example .section .mes .tittle h2 {
	 font-size:16px;
	 color:#000;
	 width:100%;
}
.P_mod_example .section .mes .tittle p {
	 color:#9c9c9c;
	 line-height:18px;
}
.P_mod_example .section .mes .type {
	 
}
.P_mod_example .section .mes .type p {
	 color:#000;
	 line-height:18px;
}
.P_mod_example .section .mes em {
	 position:absolute;
	 bottom:0px;
	 right:3.6%;
}

/* 效果图推荐 */
.P_mod_effect_catering {
	 padding-left:3.6%;
	 padding-right:3.6%;
}
.P_mod_effect_catering .list {
	 width:100%;
}
.P_mod_effect_catering .list .part {
	 float:left;
	 margin-right:4%;
	 margin-bottom:4%;
	 width:48%;
	 background:#fff;
	 padding-bottom:10px;
}
.P_mod_effect_catering .list .part.no_margin {
	 margin-right:0;
}
.P_mod_effect_catering .list .part .padding {
	 padding-left:2.9%;
	 padding-right:2.9%;
}
.P_mod_effect_catering .part .pic{
	 padding:2.9% 0;
}
.P_mod_effect_catering .pic img {
	 width:100%;
}
.P_mod_effect_catering .part .info {
	 color:#1f1f1f;
	 font-size:14px;
}
.P_mod_effect_catering .part .info span {
	 color:#252525;
	 float:right;
	 font-size:12px;
}
.P_mod_effect_catering .part .info em {
	 color:#f90000;
}
.P_mod_effect_catering .sociality {
	 padding-top:10px;
}
.P_mod_effect_catering .sociality a {
	 float:left;
	 display:block;
	 margin-right:9.8%;
}
.P_mod_effect_catering .sociality a.no_margin {
	 margin-right:0;
}
.P_mod_effect_catering .sociality span {
	 display:inline-block;
	 width:14px;
	 height:10px;
}
.P_mod_effect_catering .sociality .icon4 {
	 background-position:-96px -18px;
}
.P_mod_effect_catering .sociality .icon5 {
	 background-position:-65px 0;
}
.P_mod_effect_catering .sociality .icon6 {
	 background-position:-96px 0;
}


/* 每个分页的头部选择 */
.choose {
	 width:100%;
	 position:relative;
	 background:#fff;
	 margin-bottom:14px;
}
.choose_btn {
	 width:100%;
	 border-bottom:1px solid #c9c9c9;
}
.choose_btn li {
	 width:33.33%;
	 float:left;
}
.choose_btn li a {
	 display:block;
	 width:100%;
	 text-align:center;
	 color:#999;
	 font-size:14px;
	 font-weight:bold;
	 padding:5px 0;
}
.choose_btn li.active {
	 border-bottom:1px solid #ffa800;
}
.choose_btn li.active a {
	 color:#614329;
}
.choose .choose_type {
	 padding:5px 3.4% 15px;
	 position:absolute;
	 top:31px;
	 left:0px;
	 background:#fff;
	 display:none;
}
.choose .choose_type span {
	 float:left;
	  color:#333;
	 border:1px solid #eee;
	 padding:4px 10px;
	 margin:5px 5px 5px 0;
}
.choose .choose_type span.active {
	 color:#ffa800;
	 border:1px solid #ffa800;
}
.choose .choose_type .center {
	 width:100%;
	 text-align:center;
	 margin-top:10px;
}
.choose .choose_type a {
	 padding:4px 10px;
	 display:inline-block;
	 border:1px solid #ffa800;
	 color:#ffa800;
	 margin:0 auto;
	 border-radius:5px;
}

/* 设计师 */
.mod {
	 width:100%;
	 padding-bottom:14px;
}
.P_com_mod .info .tittle .bespoke {
	 font-size:12px;
	 border-radius:4px;
	 display:inline-block;
	 color:#ffa800;
	 border:1px solid #ffa800;
	 font-weight:normal;
	 width:45px;
	 height:15px;
	 text-align:center;
	 line-height:15px;
	 margin-left:10px;
}
.mod .tittle {
	 padding-top:5px;
}
.P_com_mod .pic {
	 margin-right:3.6%;
	 margin-left:3.6%;
}
.P_com_mod .pic img {
	 width:40px;
	 margin-top:10px;
}

.mod .img {
     padding-top:8px;
	 padding-left:3.6%;
	 padding-right:3.6%;
}
.mod .img .pic {
	 width:48%;
	 float:left;
	 margin-right:4%;
}
.mod .img .pic img {
	 width:100%;
}
.mod .img .no_margin {
	 margin-right:0;
}

.mod1 {
	 margin-bottom:12px;
}
.P_mod_btn {
	 width:100%;
	 text-align:center;
}
.P_mod_btn a {
	 display:inline-block;
	 color:#ff7200;
	 background:#f1e0be;
	 width:92.8%;
	 height:25px;
	 line-height:25px;
	 text-align:center;
}


/* 餐饮攻略和新闻资讯 */
.P_mod_strategy_news {
	 height:100%;
	 margin-bottom:12px;
}
.P_mod_strategy_news a {
	 display:block;
}
.P_mod_strategy_news .pic {
	 float:left;
}
.P_mod_strategy_news .pic {
	 width:40%;
}
.P_mod_strategy_news .pic img {
	 width:100%;
}
.P_mod_strategy_news .info {
	 width:56%;
	 float:right;
}

.P_mod_strategy_news .info h2 {
	 color:#333;
	 font-size:16px;
	 overflow:hidden;
	 height:20px;
}
.P_mod_strategy_news .info p {
	 line-height:18px;
	 height:38px;
	 overflow:hidden;
}
.P_mod_strategy_news .icon6 {
	 width:12px;
	 height:12px;
	 margin:2px 2px 0 0;
	 background-position:-65px -17px;
}
.P_mod_strategy_news .icon7 {
	 width:14px;
	 height:10px;
	 margin:2px 2px 0 0;
	 background-position:-95px -17px;
}
.P_mod_strategy_news .sprite_icon span,
.P_mod_strategy_news .sprite_icon em {
	 float:left;
}
.P_mod_strategy_news .sprite_icon em.margin_right {
	 margin-right:4px;
}

.P_mod_strategy_news .info .font {
	 color:#ccc;
}

/* 业主发布的需求和业主需求页面共用样式 */

.demand_info .section {
	 margin-bottom:12px;
	 background:#fff;
}
.demand_info .section a {
	 padding:3% 14px;
	 display:block;
	 position:relative;
}
.demand_info .D_border {
	 border:1px solid #c9c9c9;
}
.demand_info .section h2 {
	 color:#333;
	 font-size:14px;
}
.demand_info .section p {
	 color:#7c7979;
	 line-height:18px;
	 margin:4px 0px;
}
.demand_info .section span {
	 color:#000;
}
.demand_info .section em {
	 margin:0 6px;
}
.demand_info .section a .time {
	 position:absolute;
	 right:8px;
	 bottom:8px;
	 color:#aaa;
}
/* 业主我的预约 和案例图内页【设计师模块】*/
.my_bespeak {
	 border-top:1px solid #e5e5e5;
	 border-bottom:1px solid #e5e5e5;
	 margin-top:16px;
}
.my_bespeak div.pic {
	 width:24%;
	 border-radius:80%;
	 overflow:hidden;
	 margin-top:10px;
	 margin-right:9.6%;
}
.my_bespeak .sb_case.pic {
	 margin-right:10px;
}
.my_bespeak div.pic img {
	 width:100%;
	 margin-top:0;

}
.my_bespeak div.my_status {
	 width:62%;
}
.my_bespeak .my_status strong,
.my_bespeak .my_status span,
.my_bespeak .my_status em,
.my_bespeak .my_status i {
	 display:inline-block;
	 line-height:20px;
}
.my_bespeak .my_status strong {
	 font-size:14px;
	 color:#ff0000;
}
.my_bespeak .my_status span {
	 color:#000;
	 margin-right:20px;
}
.my_bespeak .my_status em {
	 color:#ff6600;
	 margin-right:20px;
}
.my_bespeak .my_status i {
	 color:#acacac;
}
/* 内页轮播 */
/* 轮播 */
.f_index {
	 width:100%;
	 position:relative;
}
.f_index .swiper-container {
	 position:relative;
	 width:100%;
	 height:auto;
	 overflow:hidden;
}
.f_index .swiper-wrapper {
	 left:0px;
	 top:0px;
}
.f_index .swiper-slide {
	 float:left;
}
.f_index .swiper-slide a{
	 display:block;
}
.f_index .swiper-slide a img {
	 width:100%;
}

.f_index .pagination { 
	 position:absolute;
	 display:block;
	 height:10px;
	 bottom:10px;
	 left:50%;
	 width:50px;
	 margin-left:-25px;
 }
 .f_index:after { 
	 content:"."; 
	 display:block; 
	 height:0; 
	 visibility:hidden; 
	 clear:both; 
 }
 .swiper-pagination-switch { 
	 display:inline-block; 
	 width:8px; 
	 height:8px;
	 background:#e5e5e5;
	 border:1px solid #e5e5e5;
	 border-radius:10px;
	 margin-right:6px;
 }
 .swiper-active-switch { 
	 background:#7a604b;
	 width:7px;
	 height:7px;
	 border:1px solid #fff;
 }
 .f_index .back,
 .f_index .comment {
	 position:absolute;
	 width:29px;
	 height:29px;
	 top:10px;
	 background:url("../images/icon4.png") no-repeat;
	 background-size:75px 65px;
 }
 .f_index .back {
	 background-position:0px 0px;
	 left:10px;
 }
 .f_index .comment {
	 background-position:-48px 0px;
	 right:10px;
 }

 /* 分页内页中的收藏 */
 .collection {
	 padding:8px 0;
	 
}
.collection span,
.collection em,
.collection strong {
	 float:left;
}
.collection .icon_com {
	 width:14px;
	 height:10px;
	 background:url("../images/icon.png") no-repeat;
	 background-size:150px 123px;
	 display:block;
}
.collection .icon3 {
     margin:4px 4px 0 0;
	 background-position:-96px -18px;
}
.collection .icon4 {
     margin-top:4px;
	 background-position:-96px 0;
}
.collection em {
	 margin-right:18px;
}

#footer {
	 width:100%;
	 padding:30px 0 12px 0;
	 text-align:center;
	 position:relative;
}
#footer .link {
	 width:100%;
	 margin:0 auto 10px;
}
#footer .link li {
	 float:left;
	 border-right:1px solid #7d7d7d;
}
#footer .link li.no_border {
	 border-right:none;
}
#footer .link li a {
	 display:block;
	 padding:0 8px;
}
#footer .info p {
	 width:100%;
	 margin:0 auto;
	 line-height:20px;
}